<template>
  <div id="car_type" style="width:100%;height:100%;"></div>
</template>

<script>
// import {getcartype} from 'config/api';
export default {
  data () {
    return {
      //  车辆类型统计
      car_type_obj: {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'shadow'
          }
        },
        legend: {
          data: ['总员工', '技术', '生产', '行政']
        },
        grid: {
          left: '3%',
          right: '4%',
          bottom: '3%',
          containLabel: true
        },
        xAxis: {
          type: 'value'
        },
        yAxis: {
          type: 'category',
          data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
        },
        series: [{
          name: '总员工',
          type: 'bar',
          data: [320, 302, 301, 334, 390, 330, 320],
          stack: '总量',
          label: {
            normal: {
              show: true,   //  是否展示顶部数字
              position: 'insideRight'
            }
          }
        },
        {
          name: '技术',
          type: 'bar',
          stack: '总量',
          label: {
            normal: {
              show: true,
              position: 'insideRight'
            }
          },
          data: [120, 132, 101, 134, 90, 230, 210]
        },
        {
          name: '生产',
          type: 'bar',
          stack: '总量',
          label: {
            normal: {
              show: true,
              position: 'insideRight'
            }
          },
          data: [220, 182, 191, 234, 290, 330, 310]
        },
        {
          name: '行政',
          type: 'bar',
          stack: '总量',
          label: {
            normal: {
              show: true,
              position: 'insideRight'
            }
          },
          data: [150, 212, 201, 154, 190, 330, 410]
        }
        ]
      }
    };
  },
  mounted () {
    let userFlow = echarts.init(document.getElementById('car_type'), 'dark');
    // this.car_work_obj.series[0].data.push((Math.random() * 1000).toFixed(0) - 0);
    // this.car_work_obj.series[1].data.push((Math.random() * 1000).toFixed(0) - 0);
    // this.car_work_obj.series[2].data.push((Math.random() * 1000).toFixed(0) - 0);
    userFlow.setOption(this.car_type_obj);
    window.addEventListener('resize', function () {
      userFlow.resize();
    });
  },
  methods: {
     //  车辆类型
    cartType () {
    //   getcartype().then((res) => {
    //     let datas = res.data.data;
    //     var carType = [];  //  车辆类型
    //     var carNum = [];  //  车辆数量
    //     for (var i = 0; i < datas.length; i++) {
    //       carType.push(datas[i].type);  //  车辆类型
    //       carNum.push(parseInt(datas[i].totalCnt));  //  车辆数量
    //     }
    //     this.car_type_obj.yAxis.data = carType;
    //     this.car_type_obj.series[0].data = carNum;
    //     let myChart = echarts.init(document.getElementById("car_type")); //  获取Canvas
    //     myChart.setOption(this.car_type_obj); //  插入数据
    //     window.addEventListener('resize', function () {  //  Canvas自适应
    //       myChart.resize();
    //     });
    //   });
    }
  }
};
</script>
